<template>
	<div class="HomeHeader">
		<div class="header-left">
			<span class="iconfont">&#xe624;</span>
		</div>
		
		<div class="header-center">
			<span class="iconfont">&#xe693;</span>
			输入城市/景点/游玩主题
		</div>
		
		<!--<div class="header-right" >
			<router-link to="City">
				长沙<span class="iconfont">
				&#xe65b;
			   </span>
			</router-link>
			
		</div>-->
	<!--	<img src="../../../../static/mock/img/swiper01.jpg" />-->

		<div class="header-right" @click="toCity">
				长沙<span class="iconfont">
				&#xe65b;
			  </span>
			
		</div>
	</div>
	
	
</template>

<script>
	export default{
		methods:{
			toCity(){
				this.$router.push("./City")
			}
		}
		
		
		
	}
	
	
</script>

<style scoped lang="stylus"> 
@import "../../../assets/css/var.styl";
	.HomeHeader{
		height:.44rem;
		width: 100%;
		/*background-color: #00bcd4;*/
		background-color: $bgcolor;
		font-size: .14rem;
		display: flex;
		align-items: center;
	}
	
	.header-left{
		width: .42rem;
		text-align: center;
		color: #FFFFFF;
	}
	
	.header-center{
		flex: 1;
		background: #ffffff;
		height: .3rem;
		line-height: .3rem;
		border-radius: 0.04rem;
		color: #999999;
		padding-left: .11rem;
	}
	
	.header-right{
		width: .64rem;
		text-align: center;
		color: #FFFFFF;
	}
	
	.header-right a{

		color: #FFFFFF;
	}
</style>